<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/static/layui/js/css/layui.css}">
    <script th:src="@{/static/layui/js/layui.js}" charset="UTF-8" type="text/javascript"></script>
    <script th:src="@{/static/jquery/jquery.js}"></script>
    <link th:href="@{/static/video-js/8.0.4/css/video_js.css}" rel="stylesheet">
    <script th:src="@{/static/video-js/8.0.4/js/video_min.js}" ></script>


</head>
<body>

<div style="width: 668px;height: 376px">
    <form th:action="@{/play/}" id="video_url"></form>
    <video id="vid1" class="video-js  vjs-big-play-centered " data-setup="{}">
        <source id="vid1_source" th:src="@{/play/eafc40a5-372c-49ca-99f8-b4197a263b0f.m3u8}" type="application/vnd.apple.mpegurl">
    </video>

</div>
<form th:action="@{/upload}" id="upload" method="post" enctype="multipart/form-data">
</form>


<div class="layui-upload">
    <div class="layui-btn-group">
        <button type="button" class="layui-btn layui-btn-sm" id="img_choose_click">
            <i class="layui-icon">&#xe654;</i>
        </button>
        <button type="button" class="layui-btn layui-btn-sm" id="img_upload_click">
            <i class="layui-icon">&#xe67c;</i>
        </button>
        <button type="button" class="layui-btn layui-btn-sm layui-btn-warm" id="img_reset_click">
            <i class="layui-icon">&#x1006;</i>
        </button>
    </div>

</div>



    <script th:src="@{/static/my_video.js}"></script>
    <script th:src="@{/static/upload.js}"></script>

</body>
</html>